﻿<UserControl x:Class="ControlsHost.NavigationPanePage"
    xmlns="http://schemas.microsoft.com/client/2007" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:nav="clr-namespace:CodePlex.Silverlight.Controls;assembly=CodePlex.Silverlight.Controls"
    Width="800" Height="600">
    <Grid x:Name="LayoutRoot">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="220" />
            <ColumnDefinition Width="5" />
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="5" />
            <ColumnDefinition Width="220"/>
        </Grid.ColumnDefinitions>

        <!--<StackPanel  x:Name="leftNavigationPanel" Grid.Column="0" Width="Auto" Background="Beige"></StackPanel>-->
        <nav:NavigationPane Grid.Column="0">
            <nav:NavigationItem Header="Tasks" >
                <Grid>
                    <TextBlock Text="do work!"></TextBlock>
                </Grid>
            </nav:NavigationItem>
            <nav:NavigationItem Header="Contact"  >
                <Grid >
                    <TextBlock Text="want to chat?"></TextBlock>
                </Grid>
            </nav:NavigationItem>

        </nav:NavigationPane>
        <!--/controls:CollapsePanel-->

        <GridSplitter x:Name="leftSplitter" Width="5" Grid.Column="1" VerticalAlignment="Stretch" HorizontalAlignment="Center" Background="AliceBlue">
        </GridSplitter>

        <StackPanel x:Name="MainPane" Grid.Column="2" Background="AliceBlue" Width="400">
        </StackPanel>
        <!--forms:PropertyDescription Grid.Column="2" /-->


        <GridSplitter x:Name="rightSplitter" Width="5" Grid.Column="3" VerticalAlignment="Stretch" HorizontalAlignment="Center" Background="AliceBlue">
        </GridSplitter>

        <StackPanel x:Name="rightNavigationPanel" Grid.Column="4" Width="Auto" Background="Beige">
        </StackPanel>
    </Grid>
</UserControl>
